<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>打印服务管理器</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <header class="header">
            <h1>🖨️ 打印服务管理器</h1>
            <p class="subtitle">
                <span>默认打印机：</span>
                <span id="defaultPrinterName">未知</span>
            </p>
        </header>
        
        <main class="main-content">
            <div class="service-panel">
                <div class="status-display">
                    <div class="status-indicator" id="statusIndicator">
                        <span class="status-dot"></span>
                        <span class="status-text" id="statusText">服务未启动</span>
                    </div>
                    <div class="time-display" id="timeDisplay">
                        <span class="time-label">当前时间：</span>
                        <span class="time-value" id="currentTime">--:--:--</span>
                    </div>
                </div>
                
                <div class="control-buttons">
                    <button class="btn btn-start" id="startBtn">
                        <span class="btn-icon">▶️</span>
                        启动服务
                    </button>
                    <button class="btn btn-stop" id="stopBtn" disabled>
                        <span class="btn-icon">⏹️</span>
                        停止服务
                    </button>
                    <button class="btn btn-diagnose" id="testPrinter">
                        <span class="btn-icon">🔍</span>
                        测试打印机
                    </button>
                </div>
            </div>
            
            <div class="info-panel">
                <h3>📋 服务信息</h3>
                <div class="info-item">
                    <label>服务端口：</label>
                    <span class="info-value">8080</span>
                </div>
                <div class="info-item">
                    <label>连接地址：</label>
                    <span class="info-value">ws://localhost:8080</span>
                </div>
                <!-- 修改支持格式 -->
                <div class="info-item">
                    <label>支持格式：</label>
                    <span class="info-value">PDF</span>
                </div>
            </div>
            
            <div class="log-panel">
                <h3>📝 运行日志</h3>
                <div class="log-content" id="logContent">
                    <div class="log-item">系统就绪，等待启动服务...</div>
                </div>
            </div>
        </main>
    </div>
    
    <script src="renderer.js"></script>
</body>
</html>
